<?php
require_once("../configs.php");
$page_cat="media";
$type = intval($_GET['type']);
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" xmlns:xml="http://www.w3.org/XML/1998/namespace" class="chrome chrome8">
<head><link rel="stylesheet" type="text/css" href="/s7.addthis.com/static/r07/widget49.css" media="all" />
<title>图片欣赏 - World of Warcraft</title>
<meta content="false" http-equiv="imagetoolbar" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<link rel="shortcut icon" href="../wow/static/local-common/images/favicons/wow.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" media="all" href="../wow/static/local-common/css/common.css?v39" />
<!--[if IE]> <link rel="stylesheet" type="text/css" media="all" href="../wow/static/local-common/css/common-ie.css?v39" />
<![endif]-->
<!--[if IE 6]> <link rel="stylesheet" type="text/css" media="all" href="../wow/static/local-common/css/common-ie6.css?v39" />
<![endif]-->
<!--[if IE 7]> <link rel="stylesheet" type="text/css" media="all" href="../wow/static/local-common/css/common-ie7.css?v39" />
<![endif]-->
<link title="World of Warcraft - Noticias" href="../wow/es/feed/news" type="application/atom+xml" rel="alternate"/>
<link rel="stylesheet" type="text/css" media="all" href="../wow/static/css/wow.css?v23" />
<link rel="stylesheet" type="text/css" media="all" href="../wow/static/local-common/css/media-gallery.css?v39" />
<link rel="stylesheet" type="text/css" media="all" href="../wow/static/css/media/media.css?v23" />
<!--[if IE 6]> <link rel="stylesheet" type="text/css" media="all" href="/wow/static/css/media/media-ie6.css?v23" />
<![endif]-->
<link rel="stylesheet" type="text/css" media="all" href="../wow/static/local-common/css/cms/comments.css?v39" />
<link rel="stylesheet" type="text/css" media="all" href="../wow/static/css/cms.css?v23" />
<!--[if IE]> <link rel="stylesheet" type="text/css" media="all" href="../wow/static/css/wow-ie.css?v23" />
<![endif]-->
<!--[if IE 6]> <link rel="stylesheet" type="text/css" media="all" href="../wow/static/css/wow-ie6.css?v23" />
<![endif]-->
<!--[if IE 7]> <link rel="stylesheet" type="text/css" media="all" href="../wow/static/css/wow-ie7.css?v23" />
<![endif]-->

<script type="text/javascript" src="../wow/static/local-common/js/third-party/jquery.js?v39"></script>
<script type="text/javascript" src="../wow/static/local-common/js/core.js?v39"></script>
<script type="text/javascript" src="../wow/static/local-common/js/tooltip.js?v39"></script>
<!--[if IE 6]> <script type="text/javascript">
//<![CDATA[
try { document.execCommand('BackgroundImageCache', false, true) } catch(e) {}
//]]>
</script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body class="en-gb logged-in">
<div id="wrapper">
	<?php include("../header.php"); ?>
		<div id="content">
<div class="content-top">
<div class="content-trail">
<ol class="ui-breadcrumb">
<li>
<a href="../index.php" rel="np">
<?php echo $website['title']; ?>
</a>
</li>
<li>
<a href="../media.php" rel="np">
媒体
</a>
</li>
<li class="last childless">
<a href="images_index.php?type=<?php echo $type; ?>" rel="np">
<?php
  switch($type){
    case 1: echo '精美壁纸'; break;
    case 2: echo '游戏截图'; break;
    case 3: echo '原画欣赏'; break;    
    case 4: echo '精品漫画'; break;  
  }
?>
</a>
</li>
</ol>
</div>
<div class="content-bot"> <div class="media-content">
<div class="currently-viewing">
<a id="toggle-thumbnail-page" href="images_index.php?type=<?php echo $type; ?>" data-tooltip="Switch to large thumbails view"
class="view-link float-right"></a>
<a id="toggle-film-strip" href="#" data-tooltip="Switch to filmstrip view"
class="view-link active float-right"></a>
</div>
      <?php
        $count = 0;
        $index = '';
        $paths = '';
        mysql_select_db($server_db) or die(mysql_error());
        $images = mysql_query("SELECT * FROM media WHERE visible = '1' AND type ='".$type."'");
        while ($image= mysql_fetch_assoc($images)){
          $index = $index.',"'.$image['id'].'"';
          $paths = $paths.',"'.$image['link'].'"';
          if($count == 0){
            $index1 = $image['id'];
            $path1 =  $image['link'];
            $count = 1;
          } 
        }
        $index = substr($index,1,strlen($index));
        $paths = substr($paths,1,strlen($paths));
      ?>

<script type="text/javascript">
//<![CDATA[
var galleryType = "images";
var dataKey = "screenshots";
var viewType = "film-strip";
var indices = [<?php echo $index; ?>];
var itemPaths = [<?php echo $paths; ?>];
//var discussionSigs = ["a6862cfb175efc54ec1c3e57ee52694b", "749ee3682634875064a9d069c7e91866", "bad2df75abfceafb012bc4c70129017b", "c25670f2c7e041d88d64c25dea08eac5", "c4b2151e98d4de982339b546d5c40bce", "bd64f8e8ffb217a1131f5e245b9e34df", "79cdbbb77369916c0de1a928f9b270dc", "2854346e36a18f1de100143e8344ad53", "f33051bdec5d23c825928278a7551b1b", "7f9702bd0c7c19fcce7f57f82318e715", "1e9d66f16b482fd962e043e9e31e837b", "378c8c3ee0bb576b9248f674452eda98", "e4646ca682df38b81f939801cd7ac6f5", "f3ce908c263e342a00952dcb7ef8ee57", "db557ffd3a1da19270b02562a7dca162", "576f79c5e2d5e55393f281e5d6258e03", "5d70d4f9e88c11b1761db68bb2130acd"];
//]]>
</script>
<div class="film-strip-wrapper">
  <div id="film-strip">
    <div class="viewport-scrollbar">
      <div class="track">
        <div id="scroll-thumb" class="thumb">
          <div class="thumb-bot">
          </div>
        </div>
      </div>
    </div>
    <div class="viewport-content">
      <div id="film-strip-thumbnails">
      <?php 
        mysql_select_db($server_db) or die(mysql_error());
        $images = mysql_query("SELECT * FROM media WHERE visible = '1' AND type ='".$type."'");
        while ($thumb = mysql_fetch_assoc($images)){
      ?>
      <a id="<?php echo $thumb['id']; ?>" class="film-strip-thumb-wrapper"  
        style="background-image:url(../images/wallpapers/<?php echo $thumb['id_url']; ?>);background-size: 120px 75px;"
        href="#/<?php echo $thumb['id']; ?>" onClick="GalleryViewer.loadItem('<?php echo $thumb['id']; ?>');">
        <span class="film-strip-thumb-frame"></span>
      </a>      

      <?php } ?>
      </div>
    </div>
</div>
<div class="ajax-frame">
<table>
<tr>
<td id="film-strip-ajax-target" onClick="GalleryViewer.getNextItem();" style="cursor:pointer">
<img id="current-image" src="<?php if(intval($_GET['id']) == $index1 || !isset($_GET['id'])){ echo $path1; } ?>" alt="" width="704" height="440" style="display:none;" />
</td>
</tr>
</table>
<a href="javascript:;" onClick="GalleryViewer.getNextItem();" class="paging-arrow next"></a>
<a href="javascript:;" onClick="GalleryViewer.getPreviousItem();" class="paging-arrow previous"></a>
</div>
</div>
<div id="media-meta-data">
<div class="meta-data">
<dl class="meta-details">
<dt>发布时间: </dt>
<dd></dd>
<dt class="dt-separator">作者:</dt>
<dd></dd>
</dl>
<dl class="meta-details">
<dt class="dt-downloads">
<a class="format" href="#" onClick="window.open(this.href);return false;">
下载原图
</a>
</dt>
</dl>
<span class="clear"><!-- --></span>
</div>
</div>
<div id="media-comments">
<div id="load-comments">
<span id="load-comments-link" style="display:none;">Loading Comments...</span>
</div>
</div>
<div id="comments-error-retry" style="display:none">
<div class="media-comments-fail">
An error has ocurred while loading the comments, <a href="javascript:;" onClick="GalleryViewer.loadComments('heart-of-the-aspects-01')">try again?</a>.
</div>
</div>
</div>
<div style="display:none" id="media-preload-container"></div>
</div>
</div>
</div>
<script type="text/javascript" src="../wow/static/local-common/js/dropdown.js?v39"></script>
<script type="text/javascript" src="../wow/static/local-common/js/media/gallery-viewer.js?v39"></script>
<script type="text/javascript" src="../wow/static/local-common/js/media/data.js"></script>
<script type="text/javascript" src="../wow/static/local-common/js/third-party/jquery.mousewheel.min.js?v39"></script>
<!--[if lt IE 8]> <script type="text/javascript" src="../wow/static/local-common/js/third-party/jquery.pngFix.pack.js?v39"></script>
<script type="text/javascript">
//<![CDATA[
$('.png-fix').pngFix(); //]]>
</script>
<![endif]-->
	<?php include("../footer.php"); ?>
</div>
</body>
</html>